@charset "utf-8";
/* CSS Document */
body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li,a{
	margin:0;
	padding:0;
	position:relative;
	font-family:Microsoft YaHei, Arial, Verdana, Geneva, sans-serif;
	color:#fff;
	font-weight:100;
	
}
p, h1, h2, h3, h4, h5, h6, li, span{
	cursor:default;	
}
a{
	cursor:pointer;	
}
a:hover{
	cursor:pointer;
	text-decoration:none;
}
ul{
	list-style:none;	
}
body{
	background:#111;
	margin:0;	
}
.container{
	width:1200px;
	padding:0 13px;
	margin:0 auto;
}
.clear{
	clear:both;	
}
.razer-bttn {
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .05em;
    border-left: 2px solid #00ff00;
    padding: .5em .8em;
    margin: 2px;
    display: inline-block;
    background-color: #00a000;
    font-family: "微软雅黑";
}
.razer-bttn2 {
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .05em;
    border-left: 2px solid #C0C0C0;
    padding: .5em .8em;
    margin: 2px;
    display: inline-block;
    background-color: #808A87;
}
.razer-bttn:hover {
     opacity: .7;
     color: #fff;
}
.razer-bttn:after {
  content: " >";
  color: #00ff00;
  bottom: 20px;
} 
.razer-bttn2:hover {
     opacity: .7;
     color: #fff;
}
.razer-bttn2:after {
  content: " >";
  color: #BDFCC9;
  bottom: 20px;
} 
.bttn-small {
    font-size: 12px;
}
.bttn-medium {
    font-size: 14px;
}
/* top */
.top{
	height:40px;
	border-bottom:1px solid #333;
	background:#1f1f1f;
}
.top ul{
	float:right;
	margin-top:8px;	
}
.top ul li{
	float:left;
	/*border-right:1px solid #333;*/
	font-size:14px;
	padding:2px 10px;
        /*padding:0px 10px;*/
}
.top ul li.last{
	border:0;	
}
.top ul li a{
	color:#999;
}
.top ul li a:hover{
	color:#999;
	text-decoration:underline;
}
/* top END */
/* breadcrumb bar */
.breadcrumb-bar{
	margin:7px 0;
}
.breadcrumb-bar p, .breadcrumb-bar a{
	color:#999;	
}
.breadcrumb-bar a:hover{
	color:#0f0;	
}
/* breadcrumb bar END */
/* gallery */
/* gallery END */
/* product */
.product .gallery{
	float:left;
	width:630px;
	background-color:#070707;
	min-height:677px;	
}
.product .details{
	float:left;
	background:#000;
	width:510px;
	padding:30px;
	min-height:617px;
}
.product .details h1{
	font-size:18px;	
}
.product .details p{
	color:#999;	
}
.product .details .price-box{
	background-color:#070707;
	margin-top:30px;
	margin-bottom:5px;
}
.product .details .price-box h4{
	line-height:18px;	
	margin-top: 10px;
}
.product .details h4{
	color:#999;
	line-height:36px;
	font-size:14px;	
}
.product .details .price-box h2{
	color:#0f0;
	font-size:20px;
	line-height:24px;
	margin-bottom:5px;
}
.product .details .price-box h2 span{
	font-size:14px;
	color:#999;
	text-decoration:line-through;	
}
.version-box{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #333;	
}
.product .container .grey{
	background:#070707;	
}
.product .details .version-box h4{
	float:left;	
}
.product .details .version-box ul li{
	float:left;
	margin-left:5px;
	border:1px #666 solid;
	height:38px;
	padding:1px 5px;
	margin-top:10px;	
}
.product .details .version-box ul li.active{
	border:1px solid #0f0;	
}
.product .details .version-box ul li span{
	color:#999;
	line-height:38px;
}
.product .details .version-box ul a:hover li{
	border:#0f0 solid 1px;	
}
.icon{
	display:inline-block;
	width:20px;
	height:20px;	
}
.rate{
	background:url(../images/product_details_icon.jpg) no-repeat;
	margin:0 2px 0 0;	
}
.minus{
	background:url(../images/product_details_icon.jpg) 0 -70px no-repeat;
	height:26px;
	margin-top:3px;
}
.minus:hover{
	background-position:0 -96px;	
}
.plus{
	background:url(../images/product_details_icon.jpg) 0 -123px no-repeat;
	height:26px;
	margin-top:3px;	
}
.plus:hover{
	background-position:0 -149px;	
}
.minus2{
        float:left;
	background:url(../images/product_details_icon.jpg) 0 -76px no-repeat;
	height:20px;
	margin-top:6px;
}
.minus2:hover{
	background-position:0 -102px;	
}
.plus2{
        float:left;
	background:url(../images/product_details_icon.jpg) 0 -129px no-repeat;
	height:20px;
	margin-top:6px;	
        margin-left:10px;
}
.plus2:hover{
	background-position:0 -155px;	
}
.quantity {
	height:36px;
	margin:7px 0;	
}
.quantity .tip{    
    /*display: block;*/
    color:#0f0;
    display: none;    
}
input#number{
	width:50px;
	background:none;
	border:none;
	text-align:center;	
}
input#number:focus{
	box-shadow:none;	
}
.details h4.share{
	background:url(../images/icons.png) 0 -44px no-repeat;
	padding-left:28px;
	float:left;
	line-height:30px;
        margin-right: 15px;
}
.jiathis_style span{
	color: #000;
}
.jiathis_weixin_modal span{
    color: #000;
}
.details h4.collect{
	background:url(../images/icons.png) 0 -20px no-repeat;
	padding-left:22px;
	float:left;
	line-height:30px;
	margin-left:20px;
        cursor: pointer;
}
.details .button{
	margin-top:60px;
	margin-bottom:20px;	
        margin-right: 16px;
}
.details .button a{
    color:#fff;
}
.details .button #buy-now, .details .button #add-to-cart{
	min-width:114px;
	margin-right:50px;
	text-align:center;
}
/* product END */
h2.section-title{
	border-left:1px solid #0f0;
	font-size:24px;
	line-height:24px;
	padding-left:10px;
}
/* combo */
.combo{
	margin-top:50px;	
}
.combo .combo-box{
	height:230px;
	margin-top:20px;
	background:#070707;	
}
.combo .combo-box ul li.plus-combo{
	width:30px;
	margin:0;
}
.combo .combo-box ul li  h5{
    display: inline-block;
    width:100%;
    text-align: left;
}
.combo .combo-box ul li.plus-combo .img-container{
	height:210px;
	font-size:18px;
	font-weight:bold;	
}
.combo .combo-box ul li{
	padding:10px;
	background:#070707;
	width:210px;
	height:210px;
	float:left;
	margin-right:20px;
}
.combo .combo-box ul li h6{
	font-size:14px;
	color:#0f0;
	float:left;
	width:170px;
        text-align:left;
}
.combo .combo-box .product-thumb{
	background:#000;
	margin:0;	
}
.combo .combo-box .buy-combo{
	width:160px;
	margin:0;
}
.combo .combo-box .buy-combo h3{
	font-size:18px;
	color:#0f0;
}
.combo .combo-box .buy-combo h5{
	width:auto;	
}
.combo .combo-box .buy-combo h5 span{
	background:#333;
	border-radius:2px;
	padding:4px;	
}
.combo .combo-box .buy-combo a{
	display:block;
	margin-bottom:5px;
	position:absolute;	
}
.combo .combo-box .buy-combo a#combo-buy-now{
	bottom:50px;
}
.combo .combo-box .buy-combo a#combo-add-cart{
	bottom:10px;	
}
.combo .combo-box .buy-combo a#combo-buy-now,.combo .combo-box .buy-combo a#combo-add-cart{
	min-width:103px;
	text-align:center;
	padding:0.3em 0.5em;	
}
.combo .combo-box li h5{
	
}
input[type=checkbox]{
	margin:0;	
}
.combo .combo-box li input[type=checkbox]:not(old) +label{
	display:inline-block;
	 margin-left  : -14px;
  padding-left :18px;
  background:url(../images/checkbox.gif) no-repeat 0 0;
  line-height  : 14px;
}
.combo .combo-box li input[type=checkbox]:not(old):checked + label{
  background-position : 0 -14px;
}
/* combo END */
/* product details part */
.product-details-setion{
	margin-top:50px;	
}
.left{
	width:230px;
	float:left;
	margin-right:30px;	
}
/* product details part END */
/* reviewed part */
/* reviewed part END */
/* top chart */
.top-chart{
	margin-top:50px;
}
/* top chart END  */
/* product info */
.product-info{
	float:left;
	width:940px;
}
.info-sub-menu{
	height:38px;
	background-color:#222;	
        /*z-index: 9999;*/
}
.info-sub-menu li{
	float:left;
	font-size:18px;
	line-height:38px;
	margin:0 45px 0 30px;	
}
.info-sub-menu li a:hover{
	color:#0f0;
}
.info-sub-menu .active a{
	text-decoration:none;
	color:#0f0;	
}
.info-box{
	margin:20px 30px;	
}
.info-box p{
	margin-bottom:20px;	
}
.info-box .tab-pane{
	display:none;	
}
.info-box .active{
	display:block;	
}
#comment .mark{
	width:190px;
	float:left;	
}
#comment .mark h1{
	color:#0f0;
	font-size:72px;
	text-align:center;
	margin-bottom:6px;
	line-height:72px;
}
#comment .mark h5{
	text-align:center;	
}
#comment .rate-ratio{
	float:left;
	margin:0 30px;
	width:155px;
}
#comment .rate-ratio li{
	margin:0px 0 6px 0;	
}
#comment .rate-ratio h5{
	color:#999;
	font-size:12px;	
}
#comment .rate-ratio .bar{
	width:100%;
	background:#0f0;
	height:7px;	
}
#comment .comment-tag{
	float:left;
	padding:5px 20px;
	border-left:1px solid #333;
	width:430px;
	height:84px;
	overflow:hidden;
}
#comment .comment-tag li{
	float:left;
	color:#999;
	margin:0 10px 15px 10px;
}
#comment .post-box{
	margin-top:50px;
}
#comment .post-box li{
	border-top:1px solid #333;
	padding:15px 0;
	min-height:145px;
	margin-bottom:40px;
        clear: both;
}
#comment .post-box .avatar{
	float:left;
		
}
#comment .post-box .avatar img{
	border:1px solid #333;	
}
#comment .post-box .avatar p{
	text-align:center;
	color:#999;	
}
#comment .post-box .comment-content{
	margin:0 0 0 30px;
	float:left;	
        width:720px;
}
#comment .post-box .comment-content .comment-title{
	
	font-size:14px;
}
#comment .post-box .comment-content .comment-title .post-rate{	
	color:#0f0;
	width:600px;
	display:inline-block;
        text-align:left;
        float: left;
}
#comment .post-box .comment-content .comment-title .post-time{
	font-size:12px;
	display:inline-block;	
}
#comment .post-box .comment-content p{
	color:#999;
        width: 760px;
        clear: both;
}
#comment .submit-comment{
	background:#000;
	height:190px;
	padding:25px 20px;
	border:1px solid #333;	
}
#comment .submit-comment h2{
	font-size:18px;	
}
#comment .submit-comment .rate-box{
	position:absolute;
	top:35px;
	left:120px;	
}
input[type="radio"], input[type="radio"]{
	margin:0;
	min-width:16px;
	min-height:16px;	
}
#comment .submit-comment .rate-box input{
	float:left;	
}
#comment .submit-comment .rate-box label{
	float:left;
	color:#0f0;
	margin:0 20px 0 10px;	
}
#comment .submit-comment .rate-box input[type=radio]:not(old) + label{
  display      : inline-block;
   /*margin-left  : -16px;*/
  /*padding-left :20px;*/
  /*background:url(../images/radio.gif) no-repeat 0 0;*/
  line-height  : 16px;
}
#comment .submit-comment .rate-box input[type=radio]:not(old):checked + label{
  background-position : 0 -16px;
}
#comment .submit-comment textarea{
	border-radius:0;
	background:#070707;
	border:1px solid #333;
	width:822px;
	height:88px;	
}
#comment .submit-comment textarea:focus{
	box-shadow:none;	
}
#comment .submit-comment #submit-btn{
	float:right;	
}
#qa p{
	margin-bottom:0;
	padding-left:30px;
	line-height:20px;
}
#qa ul li{
	margin-bottom:50px;	
}
#qa p.question{
	/*background:url(../images/icons.png) 0 -180px no-repeat;*/
	margin-bottom:8px;	
}
#qa p.answer{
	/*background:url(../images/icons.png) 0 -203px no-repeat;*/
	color:#999;	
}
/* product info END */
.product-thumb{
	width:200px;
	height:210px;
	padding:10px;
	background:#000000;
	float:left;
	
	margin-top:30px;
}
.img-container{
	height:170px;
	display:table-cell;
	width:210px;
	vertical-align:middle;
	text-align:center;
}
.img-container h5,.img-container h5{
    text-align: left;
}
.product-thumb h5{
	overflow:hidden;
	height:18px;
        text-align: left;
        cursor: pointer;
}
.product-thumb h6{
	font-size:14px;	
        text-align: left;
}
.product-thumb h6 span.new{
	color:#0f0;	
}
.product-thumb h6 span.old{
	color:#999;
	text-decoration:line-through;	
}
.new-product{
	background:#070707 url(../images/new-product-tag.png) right top no-repeat;	
}
.top-chart-tag{
	position:absolute;
	background:url(../images/top-chart-tag.png) 0 0 no-repeat;
	color:#000;
	width:81px;
	height:22px;
	top:0;
	left:0;
	font-size:13px;
	padding-left:10px;
}
.top-chart{
	margin-bottom:60px;	
}
/* header */
.header{
	
}
.header .logo{
	background:url(../images/ths.png) no-repeat;
	width:67px;
	height:67px;
	display:block;
	margin-top:10px;
	float:left;	
}
.header .search{
	background:url(../images/icon_search.jpg) #1f1f1f 5px 6px no-repeat;
	padding:3px;
	float:left;
	margin:30px 29px 0 820px;
}
.header .search input{
	margin:3px 3px 3px 27px;
	width:195px;
	height:25px;
	background:none;
	border:none;
	padding:0;
	-webkit-box-shadow: none;
	box-shadow:none;
}
.header .cart{
	margin-top:30px;
}
img.icon_cart{
	margin-right:5px;	
}
.header ul.navigation{
	background:#000;
	height:54px;
	margin-top:30px;	
}
.header ul.navigation li{
	float:left;
	margin:0 60px;
	line-height:54px;
	font-size:18px;
}
.header ul.navigation li.category{
	background:#00a000;	
	margin:0;
	padding:0 90px 0 30px;
}
.header ul.navigation li a{
	color:#999;	
}
.header ul.navigation li a.active{
	color:#fff;	
}
.header ul.navigation li a:hover{
	color:#fff;	
}
/* header ENd */
/* hot END */
a.more{
	color:#999;
	font-size:14px;
	position:absolute;
	top:30px;
	right:13px;	
}
a.more:hover{
	color:#fff;
	text-decoration:underline;	
}
/* footer */
.footer{
	background:#1f1f1f;	
}
.footer .service{
	margin:30px 0;	
}
.footer .service li{
	float:left;
	padding-left:30px;
	background-repeat:no-repeat;
	margin-left:120px;
	font-size:18px;	
}
.footer .service li.mail{
	background-image:url(../images/icon_mail.png);	
}
.footer .service li.delivery{
	background-image:url(../images/icon_delivery.png);	
}
.footer .service li.refund{
	background-image:url(../images/icon_refund.png);	
}
.footer .service li.point{
	background-image:url(../images/icon_point.png);	
}
.footer .sub-navi{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	padding:30px 0;
}
.footer .sub-navi ul{
	float:left;
	margin-right:100px;
}
.footer .sub-navi ul li{
	line-height:30px;
	color:#fff;
}
.footer .sub-navi li a{
	color:#999;	
}
.footer .sub-navi li a:hover{
	text-decoration:underline;	
}
.footer .sub-navi .online{
	float:right;
	margin-right:30px;	
}
.footer .sub-navi .online h3{
	color:#0f0;
	font-size:24px;
	line-height:30px;
}
.footer .sub-navi .online p{
	color:#999;	
}
.footer .sub-navi .online a{
	margin-left:0;	
}
.footer .slogan{
	margin:30px 0;	
}
.footer .slogan h6{
	float:right;
	font-size:10px;
	color:#999;
}
/* footer END */
/*@media screen and (max-width: 1280px) {
    .container{
		width:960px;	
	}
	.header .search{
		margin-left:550px;
	}
	.header ul.navigation li{
		margin:0 40px;	
	}
	.header ul.navigation li.category{
		padding: 0 70px 0 20px;	
	}
	.banner #event_ad{
		width:960px;	
	}
	.banner #event_ad .carousel-indicators{
		top:93%;
		right:3%;	
	}
	.header #promotions, .header #activity{
		width:304px;
		float:left;	
	}
	.on-going, .up-coming{
		width:470px;
		height:157px;
	}
	.on-going-content{
		width:217px;	
	}
	.on-going-content h3{
		font-size:14px;	
	}
	.on-going-content p{
		line-height:18px;
		font-size:12px;
		max-height:66px;	
	}
	.on-going-content .campaign{
		margin:0;
		background:none;
		padding:.2em .8em .2em 0;
		border:0;	
	}
	
	.expired ul li{
		width:230px;
		margin:0 13px 45px 0;	
	}
	.expired ul li .frame1 .text{
		height:90px;	
	}
	.expired ul li .frame2{
		height:216px;	
	}
	.expired ul li .frame2 p{
		margin-top:5px;	
	}
	.jscarousal-contents > div > div{
		margin-right:19px;	
	}
	.jscarousal-contents img{
		width:226px;
		height:157px;	
	}
	.thumbnail-text, .thumbnail-text2{
		width:216px;	
	}
	.thumbnail-text2{
		height:23px;	
	}
	.jscarousal{
		width:980px;
		height:157px;	
	}
	.jscarousal .jscarousal-left{
		right:51px;	
	}
	.jscarousal .jscarousal-right{
		right:20px;	
	}
	.jscarousal-contents{
		width:980px;
		height:157px;
	}
	
	.footer .service li{
		margin-left:70px;	
	}
}
*/
.interest{
	float:left;
	width: 150px;
	padding:20px 40px;
	text-align:center;
}
.interest .nterest_img img{
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
}
.interest .wenzi .tit{
	display: block;
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	text-align: center;
}